@use "./reset";

.app-container {
  padding: 10px;
}

.search-container {
  padding: 18px 15px 0 10px;
  margin-bottom: 10px;
  background-color: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
  border-radius: 4px;
  box-shadow: var(--el-box-shadow-light);
}

.table-container > .el-card__header {
  padding: calc(var(--el-card-padding) - 8px) var(--el-card-padding);
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32 160 255);
  }
}


.el-dialog {
  padding: 0px !important;
  border-radius: 4px !important;

  .el-dialog__header {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding: 15px;
    background: #F2F2F2;

    .el-dialog__title {
      font-size: 16px;
      font-weight: bolder;
    }

    .el-dialog__headerbtn .el-dialog__close {
      font-size: 20px !important;
      top: 4px;
    }
  }

  /* 自定义滚动条轨道样式 */
  .el-dialog__body::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }

  /* 自定义滚动条的样式 */
  .el-dialog__body::-webkit-scrollbar {
    width: 3px;
    background-color: #f1f1f1;
  }

  /* 自定义滚动条滑块的样式 */
  .el-dialog__body::-webkit-scrollbar-thumb {
    background-color: #888;
  }

  /* 滚动条在hover时的样式 */
  .el-dialog__body::-webkit-scrollbar-thumb:hover {
    background-color: #555;
  }

  .el-form-item__label {
    //min-width: 150px !important;
    padding: 0px 30px 0px 15px;
    color: #333333;
  }

  .el-form-item__content {
    padding-right: 15px !important;
  }

  .el-form-item {
    margin-bottom: 20px !important;
  }

  .el-dialog__footer {
    padding: 15px;
    background: #f8f8f8;
  }
}

/* 确保头部在最上方 */
.fixed-header-dialog .el-dialog__header {
  position: sticky;
  top: 0;
  background-color: #f8f8f8;
  font-weight: bolder;
  z-index: 1001;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.clear {
  clear: both;
}

.margin3-r {
  margin-right: 3px;
}

.margin3-b {
  margin-bottom: 3px;
}

.margin5-r {
  margin-right: 5px !important;
}

.margin5-t {
  margin-top: 5px !important;
}

.margin5-b {
  margin-bottom: 5px !important;
}

.margin10-r {
  margin-right: 10px !important;
}

.margin10-t {
  margin-top: 10px !important;
}

.margin10-b {
  margin-bottom: 10px !important;
}

/*
.order-status-11 {
  background: #FF8D1A !important;
  color: #fff !important;
}

.order-status-1 {
  background: red !important;
  color: #fff !important;
}

.order-status-20 {
  background: #07c160 !important;
  color: #fff !important;
}

.order-status-80 {
  background: #aaaaaa !important;
  color: #fff !important;
}

.order-status-12 {
  background: #E07C33 !important;
  color: #fff !important;
}

.order-status-17 {
  background: #ef8a80 !important;
}*/


.order-label-1 {
  background: #EC4847 !important;
  color: #fff !important;
}

.order-label-11 {
  background: #F55F2E !important;
  color: #fff !important;
}

.order-label-12 {
  background: #F5872E !important;
  color: #fff !important;
}

.order-label-16 {
  background: #F5BF2E !important;
  color: #fff !important;
}

.order-label-17 {
  background: #2AADC4 !important;
  color: #fff !important;
}

.order-label-20 {
  background: #2AC47F !important;
  color: #fff !important;
}

.order-label-60, .order-label-80 {
  background: #AAB1BF !important;
  color: #fff !important;
}

.f20 {
  font-size: 20px;
}

.f-20 {
  font-size: 20px !important;
  color: red !important;
}

.f16 {
  font-size: 16px;
}

.f13 {
  font-size: 13px;
}

.c6 {
  color: #666666;
}

.c9 {
  color: #999999;
}

.fu {
  font-size: 14px;
}

.f-fixed {
  position: relative;
  top: 5px !important;
}


.c0 {
  color: #333333 !important;
}


.el-hide {
  display: none !important;
}
